﻿<!DOCTYPE html>
<html>
  <head>
    <title>1.3 音乐设置</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/1_3_音乐设置/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/1_3_音乐设置/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Rectangle (矩形) -->
      <div id="u395" class="ax_default _形状" data-label="Rectangle">
        <div id="u395_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u396" class="ax_default _一级标题">
        <div id="u396_div" class=""></div>
        <div id="u396_text" class="text ">
          <p><span>闹钟-音乐设置</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u397" class="ax_default label">
        <div id="u397_div" class=""></div>
        <div id="u397_text" class="text ">
          <p><span>8：30 上午</span></p>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u398" class="ax_default" data-left="122" data-top="218" data-width="256" data-height="293">

        <!-- Unnamed (矩形) -->
        <div id="u399" class="ax_default label">
          <div id="u399_div" class=""></div>
          <div id="u399_text" class="text ">
            <p><span>7&nbsp; &nbsp; 25 </span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u400" class="ax_default label">
          <div id="u400_div" class=""></div>
          <div id="u400_text" class="text ">
            <p><span>9&nbsp; &nbsp; 35 下午</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u401" class="ax_default label">
          <div id="u401_div" class=""></div>
          <div id="u401_text" class="text ">
            <p><span style="color:#D7D7D7;">10&nbsp; 40</span><span style="color:#C9C9C9;"> </span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u402" class="ax_default label">
          <div id="u402_div" class=""></div>
          <div id="u402_text" class="text ">
            <p><span style="color:#D7D7D7;">6&nbsp; &nbsp; 20</span><span style="color:#C9C9C9;"> </span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u403" class="ax_default box_1">
          <div id="u403_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u404" class="ax_default label">
        <div id="u404_div" class=""></div>
        <div id="u404_text" class="text ">
          <p><span>闹钟将于 上午8:30响起</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u405" class="ax_default button">
        <div id="u405_div" class=""></div>
        <div id="u405_text" class="text ">
          <p><span>开始</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u406" class="ax_default _图片_">
        <img id="u406_img" class="img " src="images/1_1_闹钟设定/u261.png"/>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u407" class="ax_default" data-left="498" data-top="84" data-width="377" data-height="667">

        <!-- Rectangle (矩形) -->
        <div id="u408" class="ax_default _形状" data-label="Rectangle">
          <div id="u408_div" class=""></div>
        </div>

        <!-- Unnamed (组合 ) -->
        <div id="u409" class="ax_default" data-left="498" data-top="84" data-width="376" data-height="40">

          <!-- Unnamed (矩形) -->
          <div id="u410" class="ax_default _形状">
            <div id="u410_div" class=""></div>
          </div>

          <!-- Unnamed (组合 ) -->
          <div id="u411" class="ax_default" data-left="505" data-top="99" data-width="46" data-height="8">

            <!-- Unnamed (矩形) -->
            <div id="u412" class="ax_default _形状">
              <img id="u412_img" class="img " src="images/1_1_闹钟设定/u195.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u413" class="ax_default _形状">
              <img id="u413_img" class="img " src="images/1_1_闹钟设定/u195.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u414" class="ax_default _形状">
              <img id="u414_img" class="img " src="images/1_1_闹钟设定/u195.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u415" class="ax_default _形状">
              <img id="u415_img" class="img " src="images/1_1_闹钟设定/u195.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u416" class="ax_default _形状">
              <img id="u416_img" class="img " src="images/1_1_闹钟设定/u195.png"/>
            </div>
          </div>

          <!-- Unnamed (组合 ) -->
          <div id="u417" class="ax_default" data-left="836" data-top="96" data-width="31" data-height="17">

            <!-- Unnamed (矩形) -->
            <div id="u418" class="ax_default _形状">
              <div id="u418_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u419" class="ax_default _形状">
              <div id="u419_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u420" class="ax_default _形状">
              <div id="u420_div" class=""></div>
            </div>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u421" class="ax_default _文本段落" data-label="Header 2">
          <div id="u421_div" class=""></div>
          <div id="u421_text" class="text ">
            <p><span>MUX</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u422" class="ax_default _文本段落" data-label="Header 2">
          <div id="u422_div" class=""></div>
          <div id="u422_text" class="text ">
            <p><span>10:30 PM</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u423" class="ax_default _文本段落" data-label="Header 2">
          <div id="u423_div" class=""></div>
          <div id="u423_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u424" class="ax_default _一级标题">
        <div id="u424_div" class=""></div>
        <div id="u424_text" class="text ">
          <p><span>闹钟-首页</span></p>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u425" class="ax_default _形状" data-label="Rectangle">
        <div id="u425_div" class=""></div>
      </div>

      <!-- text - h2 (矩形) -->
      <div id="u426" class="ax_default _文本段落" data-label="text - h2">
        <div id="u426_div" class=""></div>
        <div id="u426_text" class="text ">
          <p><span>声音</span></p>
        </div>
      </div>

      <!-- paragraph (矩形) -->
      <div id="u427" class="ax_default _文本段落" data-label="paragraph">
        <div id="u427_div" class=""></div>
        <div id="u427_text" class="text ">
          <p><span>完成</span></p>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u428" class="ax_default" data-left="413" data-top="151" data-width="117" data-height="1">

        <!-- Unnamed (水平线) -->
        <div id="u429" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="114" CompoundMode="true">
          <img id="u429_img" class="singleImg img " src="images/1_3_音乐设置/u429.png"/>
          <div id="u429p000" class="ax_vector_shape" WidgetTopLeftX="-0.483050847457627" WidgetTopLeftY="0" WidgetTopRightX="0.483050847457627" WidgetTopRightY="0" WidgetBottomLeftX="-0.483050847457627" WidgetBottomLeftY="0.166666666666667" WidgetBottomRightX="0.483050847457627" WidgetBottomRightY="0.166666666666667">
            <img id="u429p000_img" class="img " src="images/1_3_音乐设置/u429p000.png"/>
          </div>
          <div id="u429p001" class="ax_vector_shape" WidgetTopLeftX="-0.136363636363636" WidgetTopLeftY="-0.05" WidgetTopRightX="5.04545454545455" WidgetTopRightY="-0.05" WidgetBottomLeftX="-0.136363636363636" WidgetBottomLeftY="0" WidgetBottomRightX="5.04545454545455" WidgetBottomRightY="0">
            <img id="u429p001_img" class="img " src="images/1_3_音乐设置/u429p001.png"/>
          </div>
          <div id="u429p002" class="ax_vector_shape" WidgetTopLeftX="5.5" WidgetTopLeftY="0.05" WidgetTopRightX="-0.2" WidgetTopRightY="0.05" WidgetBottomLeftX="5.5" WidgetBottomLeftY="0" WidgetBottomRightX="-0.2" WidgetBottomRightY="0">
            <img id="u429p002_img" class="img " src="images/图例/u23p002.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u430" class="ax_default _形状">
          <img id="u430_img" class="img " src="images/1_3_音乐设置/u430.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u431" class="ax_default _形状">
        <div id="u431_div" class=""></div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u432" class="ax_default" data-left="535" data-top="194" data-width="293" data-height="28">

        <!-- Unnamed (水平线) -->
        <div id="u433" class="ax_default _水平线">
          <img id="u433_img" class="img " src="images/1_3_音乐设置/u433.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u434" class="ax_default _水平线">
          <img id="u434_img" class="img " src="images/1_3_音乐设置/u434.png"/>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u435" class="ax_default _形状" data-label="Rectangle">
          <div id="u435_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u436" class="ax_default _图片_">
        <img id="u436_img" class="img " src="images/1_3_音乐设置/u436.png"/>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u437" class="ax_default _图片_">
        <img id="u437_img" class="img " src="images/1_3_音乐设置/u437.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u438" class="ax_default _形状">
        <div id="u438_div" class=""></div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u439" class="ax_default _水平线">
        <img id="u439_img" class="img " src="images/1_3_音乐设置/u439.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u440" class="ax_default _水平线">
        <img id="u440_img" class="img " src="images/1_3_音乐设置/u439.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u441" class="ax_default _水平线">
        <img id="u441_img" class="img " src="images/1_3_音乐设置/u439.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u442" class="ax_default _文本段落">
        <div id="u442_div" class=""></div>
        <div id="u442_text" class="text ">
          <p><span>闹钟音乐</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u443" class="ax_default _文本段落">
        <div id="u443_div" class=""></div>
        <div id="u443_text" class="text ">
          <p><span>Music One</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u444" class="ax_default _文本段落">
        <div id="u444_div" class=""></div>
        <div id="u444_text" class="text ">
          <p><span>Music Two</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u445" class="ax_default _文本段落">
        <div id="u445_div" class=""></div>
        <div id="u445_text" class="text ">
          <p><span>Music Three</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u446" class="ax_default _文本段落">
        <div id="u446_div" class=""></div>
        <div id="u446_text" class="text ">
          <p><span>Music Four</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u447" class="ax_default _形状">
        <div id="u447_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u448" class="ax_default _文本段落">
        <div id="u448_div" class=""></div>
        <div id="u448_text" class="text ">
          <p><span>使用我的音乐</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u449" class="ax_default _文本段落">
        <div id="u449_div" class=""></div>
        <div id="u449_text" class="text ">
          <p><span>选择歌曲</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u450" class="ax_default _水平线">
        <img id="u450_img" class="img " src="images/1_3_音乐设置/u439.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u451" class="ax_default _水平线">
        <img id="u451_img" class="img " src="images/1_3_音乐设置/u439.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u452" class="ax_default _文本段落">
        <div id="u452_div" class=""></div>
        <div id="u452_text" class="text ">
          <p><span>Music Five</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u453" class="ax_default _文本段落">
        <div id="u453_div" class=""></div>
        <div id="u453_text" class="text ">
          <p><span>Music Six</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u454" class="ax_default icon">
        <img id="u454_img" class="img " src="images/1_3_音乐设置/u454.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u455" class="ax_default box_1">
        <img id="u455_img" class="img " src="images/1_3_音乐设置/u455.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u456" class="ax_default _文本段落">
        <div id="u456_div" class=""></div>
        <div id="u456_text" class="text ">
          <p><span><br></span></p><p><span>1. 在【1.1 闹钟-首页】页面中，点击右上角按键，进入音乐设置页面。</span></p><p><span><br></span></p><p><span>2. 左右滑动可调节闹钟的音量；不受设备静音或音量设置影响。</span></p><p><span><br></span></p><p><span>3. 闹钟音乐：</span></p><p><span>&nbsp;当前选中音乐具有“选中”状态；</span></p><p><span>用户点击任一行，该行音乐为“选中”状态；</span></p><p><span>用户点击任一行非当前选中音乐，播放该音乐</span></p><p><span><br></span></p><p><span>4. 使用我的音乐：</span></p><p><span>点击跳转进入本机/apple music/第三方音乐软件选择页面</span></p><p><span><br></span></p><p><span>5. 点击“完成”将当前选中音乐定为闹钟响起音乐，并退出回到【1.1 闹钟-首页】</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u457" class="ax_default _一级标题">
        <div id="u457_div" class=""></div>
        <div id="u457_text" class="text ">
          <p><span>闹钟-音乐设置</span></p>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u458" class="ax_default _形状" data-label="Rectangle">
        <div id="u458_div" class=""></div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u459" class="ax_default _形状" data-label="Rectangle">
        <img id="u459_img" class="img " src="images/1_1_闹钟设定/rectangle_u189.png"/>
        <div id="u459_text" class="text ">
          <p><span>闹钟</span></p>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u460" class="ax_default _形状" data-label="Rectangle">
        <img id="u460_img" class="img " src="images/1_1_闹钟设定/rectangle_u190.png"/>
        <div id="u460_text" class="text ">
          <p><span>天气</span></p>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u461" class="ax_default _形状" data-label="Rectangle">
        <img id="u461_img" class="img " src="images/1_1_闹钟设定/rectangle_u190.png"/>
        <div id="u461_text" class="text ">
          <p><span>设置</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
